<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入外部js文件 -->
    <script src="js/jquery-1.8.3.js"></script>
    <script>
        $(document).ready(function(){
            $("p");
            //document.getElementsByTagName("h1");
            $("#login");//# 表示id属性

            $(".login2");// . 表示class属性

            $("h1.login2");

            $("[scr='a.png']");

            // 修改1个css属性("width","200px")
            $("[alt='myimg']").css("width","200px");
            // 修改多个css属性({"width":"200px","height":"200px"})
            $("[alt='myimg']").css({"width":"200px","height":"200px"});
            
        });
       
    </script>

    <style>
        h1.login2{
            color: blue;
        }
    </style>
</head>
<body>
    <h1 id="login" class="login2">请登录</h1>
    <p id="login_id" class="login2">请登录</p>

    <img src="a.png" alt="myimg" width="100" height="100">
</body>
</html>